// pages/music/music.js
const req = require('../../utils/requests.js')
Page({

  /**
   * 页面的初始数据
   */
  data: {
    currentTab: 0,
    currentPlayingMusicId: null,
    musics: [
    ]
  },
  // 滚动切换标签样式
  switchTab: function (e) {
    this.setData({
      currentTab: e.detail.current
    });
    this.checkCor();
  },
  // 点击标题切换当前页时改变样式
  swichNav: function (e) {
    var cur = e.target.dataset.current;
    if (this.data.currentTaB == cur) { return false; }
    else {
      this.setData({
        currentTab: cur
      })
    }
  },
  //判断当前滚动超过一屏时，设置tab标题滚动条。
  checkCor: function () {
    if (this.data.currentTab > 4) {
      this.setData({
        scrollLeft: 300
      })
    } else {
      this.setData({
        scrollLeft: 0
      })
    }
  },
  playMusic: function (e) {
    var m = e.currentTarget.dataset.m  // 拿到Music
    var mid = m.id
    if (this.data.currentPlayingMusicId == mid) {
      // 当前ID的音乐已经在播放, 暂停播放
      this.setData({
        currentPlayingMusicId: ''
      })
      wx.stopBackgroundAudio()
    } else {
      // 播放音乐
      this.setData({
        currentPlayingMusicId: mid
      })
      wx.playBackgroundAudio({
        dataUrl: m.url,
        title: '',
        coverImgUrl: ''
      })
    }

  },
  selectMusic: function (e) {
    var music = e.currentTarget.dataset.m
    var prePage = getApp().prePage()
    prePage.updateMusic(music)
    wx.navigateBack({
      delta: 1
    })
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    var that = this
    req.GET({
      action:'/wxapi/musics/',
      showError: true,
      complete: function(code, msg, data) {
        that.setData({
          musics: data
        })
      }
    })
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {
    wx.stopBackgroundAudio()
  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})